<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue-v2.5.17.js"></script>

</head>
<body>
    <!--创建了一块空间，包含vue元素-->
    <div id="app">
        <a v-bind:href="href">千锋教育</a>
        <a :href="href + 'page/html5.html'">千锋教育H5学科</a>
        <a :href="href + 'java/'">千锋教育Java学科</a>
        <br>
        <input type="text" v-model="text"> <br>
        <input type="text" v-model="text"> <br>

        {{text}}
    </div>
</body>
<script>
    new Vue({
        el: "#app",   //指定vue管理的元素
        //定义数据(model)
        data: {
            href: "http://www.mobiletrain.org/",
            text: "abc"
        },
        //定义方法
        methods:{

        }
    });
</script>
</html>